<script setup lang="ts">
interface Props {
  // ? 可选参数
  text?: string;
}
// 设置默认值  解构赋值
const {text = '按钮'} = defineProps<Props>();

</script>

<template>
  <button class="hm-button">{{ text }}</button>
</template>

<style scoped>
.hm-button {
  background-color: green;
  color: white;
  border-radius: 10px;
  padding: 10px;
  border: 0;
}
</style>
